/*
安装导入dat.gui
实例化 const gui = new dat.GUI()
添加 gui.add*()

*/
import * as dat from 'dat.gui'
const gui = new dat.GUI()
gui.add(cube.position, "x").min(0).max(5).step(0.01).name('移动x坐标')
    .onChange(value=>{
      console.log('值被修改', value)
    })
    .onFinishChange(value=>{
      console.log('完全停下来')
    })

const params = {
  color: "#ffff00",
  fn: ()=>{
    gsap.to(cube.position, {x :5, duration:5,yoyo:true,repeat:-1})
  }
}
gui.addColor(params, "color").onChange(value=>{
  console.log('值被修改',value)
  cube.material.color.set(value)
})
gui.add(cube, "visible").name('是否显示')

let folder = gui.addFolder("设置立方体")
folder.add(cube.material, "wireframe")
folder.add(params,"fn").name('运动')